<!DOCTYPE html>
<html lang="en">
<head>
    <meta content="IE=11.0000" http-equiv="X-Ua-Compatible">
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
    <meta http-equiv="X-Ua-Compatible" content="IE=edge,chrome=1">
    <title>单位工程</title>
    <!--region 引入公用js和css -->
    <link href="../../../assets/plugins/animate/animate.css" rel="stylesheet">
    <link href="../../../assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="../../../assets/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
    <link href="../../../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="../../../assets/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css"/>
    <link href="../../../assets/plugins/fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css"/>
    <link href="../../../assets/base/css/components.css" rel="stylesheet" id="style_components" type="text/css"/>
    <link href="../../../assets/base/css/plugins.css" rel="stylesheet" type="text/css"/>
    <link href="../../../assets/ditop/layout.css" rel="stylesheet" type="text/css"/>
    <link href="../../../assets/module/gcjsy/css/pagination.css" rel="stylesheet">
    <link href="../../../assets/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css"/>
    <link href="../../../assets/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css"/>
    <link href="../../../assets/plugins/bootstrap-table/bootstrap-table.css" rel="stylesheet">
    <link href="../../../assets/plugins/bootstrap-table/extensions/tree-column/bootstrap-table-tree-column.css" rel="stylesheet">
    <link href="../../../assets/plugins/bootstrap-toastr/toastr.css" rel="stylesheet">
    <link rel="stylesheet" href="../../../assets/plugins/sweetalert/sweetalert.css">
    <link rel="stylesheet" href="../../../assets/plugins/layer/theme/default/layer.css">
    <link href="../../../assets/plugins/select2/css/select2.min.css" rel="stylesheet">
    <link href="../../../assets/plugins/icheck/skins/flat/aero.css" rel="stylesheet">
    <link href="../../../assets/ditop/ditop.css" rel="stylesheet">
    <link href="../../../assets/ditop/style/ztree/style9/treestyle.css" rel="stylesheet">
    <link href="../../../assets/plugins/bootstrap-touchspin/bootstrap.touchspin.css" rel="stylesheet">
    <link href="../../../assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css"/>
    <script src="../../../assets/plugins/jquery/jquery.min.js"></script>
    <script src="../../../assets/plugins/bootstrap/js/bootstrap.min.js"></script>
    <script src="../../../assets/plugins/bootstrap-toastr/toastr.js"></script>
    <script src="../../../assets/plugins/art-template/template.js"></script>
    <script src="../../../assets/plugins/layer/layer.js"></script>
    <script src="../../../assets/ditop/ditop.js"></script>
    <!--endregion-->

    <link href="../../src/css/public.css" rel="stylesheet"> <!-- CSS Customization -->

  <style>
    .LS-height{
      min-height: calc(100vh - 320px);
    }
    @media screen and (max-width: 1400px){
      .ctrl{width: 300px;}
    }

  </style>
</head>

<body>
<div class="project-wrapper clearfix">
  <div class="main-menu pull-left" >
    <div class="logo">
      <a href="#"><img src="../../src/images/logo.png" alt=""></a>
    </div>
    <ul class="control-list">
      <li>
        <a href="#">
          <span class="dtFont dtFont-index"></span>
          <p>首页</p>
        </a>
      </li>
      <li class="active">
        <a href="#">
          <span class="dtFont dtFont-gongzuotai"></span>
          <p>工作台</p>
        </a>
      </li>
      <li>
        <a href="#">
          <span class="dtFont dtFont-tongji"></span>
          <p>统计</p>
        </a>
      </li>
      <li>
        <a href="#">
          <span class="dtFont dtFont-dangan"></span>
          <p>档案</p>
        </a>
      </li>
    </ul>

    <div class="user-info2">
      <ul class="user-function">
        <li>
          <a href="#">
            <span class="dtFont dtFont-tixing"></span>
            <i>26</i>
            <small>消息</small>
          </a>
        </li>
        <li>
          <a href="#">
            <span class="dtFont dtFont-shezhi-copy"></span>
            <small>设置</small>
          </a>
        </li>
      </ul>
      <div class="user-portrait">
        <div class="portrait"><img src="../../src/images/tou.png" alt=""></div>
        <p class="nowrap">Adain</p>
      </div>

    </div>

  </div>
  <div class="main-content pull-right">
    <div class="main-content-head clearfix">
      <h2 class="head-title pull-left">项目管理服务平台 <span>/上传施工图
                            </span></h2>
      <div class="head-section pull-right">
        <p class="header-text">合肥融创壹号院二期1#~5#楼-设计-1标段</p>
      </div>
    </div>
    <div class="main-content-body">

      <div class="main-content-scroll clearfix">
        <div class="crumbs">
          您的位置： <a href="#">数字化审图</a> <i class="dtFont dtFont-gengduo"></i><a href="#">创建单体</a>
          <i class="dtFont dtFont-gengduo"></i>单体<a class="pull-right" href="#">返回上一级</a>
        </div>
        <div class="radius-content">

            <ul class="radius-tab clearfix">
                <li class="active">单体工程</li>
            </ul>

          <div class="radius-content-main">

            <section class="radius-content-item">

              <div class="screen-box  clearfix" style="margin-bottom: 2px">

                <div class="screen-box-group clearfix">
                  <label class="screen-box-label">单体</label>
                  <div class="fiSub-right">
                    <select class="form-control fiSub-select">
                      <option>请选择</option>
                      <option>Option 2</option>
                      <option>Option 3</option>
                      <option>Option 4</option>
                      <option>Option 5</option>
                    </select>

                  </div>
                </div>

                <div class="screen-box-group clearfix">
                  <label class="screen-box-label">专业类别</label>
                  <div class="fiSub-right">
                    <select class="form-control fiSub-select">
                      <option>请选择</option>
                      <option>Option 2</option>
                      <option>Option 3</option>
                      <option>Option 4</option>
                      <option>Option 5</option>
                    </select>

                  </div>
                </div>

                <div class="create-btn-box margin-bottom-15 pull-right clearfix">
                  <button id="chuanjian" class="pull-left normal-button sure margin-right-15">新建单体</button>
                  <button class="pull-left normal-button disable">批量删除</button>
                </div>
              </div>

              <!--<div class="create-btn-box margin-bottom-15 clearfix">
                <button id="chuanjian" class="pull-left normal-button sure margin-right-15">新建单体</button>
                <button class="pull-left normal-button disable">批量删除</button>
              </div>-->

              <div class="LS-height">
                <table class="table table-bordered main-table">
                  <thead>
                  <tr>
                    <th class="text-center media-middle" width="70">
                      <label class="mt-checkbox mt-checkbox-outline table-checkbox">
                        <input type="checkbox">
                        <span></span>
                      </label>
                    </th>
                    <th class="text-center" width="70">序号</th>
                    <th class="ctrl">单体名称</th>
                    <th>单体编码</th>
                    <th>专业类别</th>
                    <th>创建人</th>
                    <th><div class="sortable2">创建时间</div></th>
                    <th class="text-center" width="190">操作</th>
                  </tr>
                  </thead>
                  <tbody>

                  <tr>
                    <th class="text-center media-middle">
                      <label class="mt-checkbox mt-checkbox-outline table-checkbox">
                        <input type="checkbox">
                        <span></span>
                      </label>
                    </th>
                    <td class="text-center">1</td>
                    <td>1#~5#(含S5商业楼)及相应地下室项目连体建筑地下工程...</td>
                    <td>360125201910290201-DW001</td>
                    <td>市政工程</td>
                    <td>张乌发</td>
                    <td>2016/09/21</td>
                    <td class="text-center">
                      <a href="javascript:" onclick="openSidebar()" class="a-blue">查看</a>
                      <a href="javascript:" class="a-blue margin-left-10">编辑</a>
                      <a href="javascript:" class="a-orange margin-left-10">删除</a>
                      <a href="javascript:" class="a-blue margin-left-10">复制</a>
                    </td>
                  </tr>
                  <tr>
                    <th class="text-center media-middle">
                      <label class="mt-checkbox mt-checkbox-outline table-checkbox">
                        <input type="checkbox">
                        <span></span>
                      </label>
                    </th>
                    <td class="text-center">2</td>
                    <td>1#~5#(含S5商业楼)及相应地下室项目连体建筑地下工程...</td>
                    <td>360125201910290201-DW001</td>
                    <td>市政工程</td>
                    <td>张乌发</td>
                    <td>2016/09/21</td>
                    <td class="text-center">
                      <a href="javascript:" onclick="openSidebar()" class="a-blue">查看</a>
                      <a href="javascript:" class="a-blue margin-left-10">编辑</a>
                      <a href="javascript:" class="a-orange margin-left-10">删除</a>
                    </td>
                  </tr>
                  <tr>
                    <th class="text-center media-middle">
                      <label class="mt-checkbox mt-checkbox-outline table-checkbox">
                        <input type="checkbox">
                        <span></span>
                      </label>
                    </th>
                    <td class="text-center">3</td>
                    <td>1#~5#(含S5商业楼)及相应地下室项目连体建筑地下工程...</td>
                    <td>360125201910290201-DW001</td>
                    <td>市政工程</td>
                    <td>张乌发</td>
                    <td>2016/09/21</td>
                    <td class="text-center">
                      <a href="javascript:" onclick="openSidebar()" class="a-blue">查看</a>
                      <a href="javascript:" class="a-blue margin-left-10">编辑</a>
                      <a href="javascript:" class="a-orange margin-left-10">删除</a>
                      <a href="javascript:" class="a-blue margin-left-10">复制</a>
                    </td>
                  </tr>
                  <tr>
                    <th class="text-center media-middle">
                      <label class="mt-checkbox mt-checkbox-outline table-checkbox">
                        <input type="checkbox">
                        <span></span>
                      </label>
                    </th>
                    <td class="text-center">4</td>
                    <td>1#~5#(含S5商业楼)及相应地下室项目连体建筑地下工程...</td>
                    <td>360125201910290201-DW001</td>
                    <td>市政工程</td>
                    <td>张乌发</td>
                    <td>2016/09/21</td>
                    <td class="text-center">
                      <a href="javascript:" onclick="openSidebar()" class="a-blue">查看</a>
                      <a href="javascript:" class="a-blue margin-left-10">编辑</a>
                    </td>
                  </tr>

                  </tbody>

                </table>


              </div>


              <div class="wrap-fenYe margin-top-20 padding-bottom-20">
                <div class="pagebar">
                  <div class="paginfo">
                  <span>
                    <div class="paginfo">
                      <span>每页
                        <select>
                          <option value="10" selected="selected">10</option>
                          <option value="20">20</option>
                          <option value="50">50</option>
                          <option value="100">100</option>
                        </select>
                        条，共 2 页，16 条记录
                      </span>
                      <span>
                        <a href="javascript:" data-page="1">首页</a>
                        <a href="javascript:" class="prev">上一页</a>
                        <span class="active">1</span>
                        <a href="javascript:" class="next">下一页</a>
                        <a href="javascript:" data-page="2">尾页</a>
                        <span class="turn-to">
                          转到<input type="text" class="jump-ipt">页
                        </span>
                        <a href="javascript:" class="jump-btn">确定</a>
                      </span>
                    </div>
                  </span>
                  </div>
                </div>
              </div>


            </section>


          </div>


        </div>




      </div>

    </div>

    <!--弹窗-->
    <div class="center-block popup-box none" id="id3">

      <div class="clearfix">
        <div class="create-tip-left">
          <h3 class="title3">基础信息</h3>
          <ul class="create-tip-left-list">
            <li>
              <div class="field-submit-group w100 clearfix">
                <label class="fiSub-label fiSub-label58">单体名称</label>
                <div class="fiSub-right">
                  <label style="margin-bottom: 3px">
                    <textarea class="form-control" rows="3"></textarea>
                  </label>
                </div>
              </div>
            </li>
            <li>
              <div class="field-submit-group w100 clearfix">
                <label class="fiSub-label fiSub-label58">专业类别</label>
                <div class="fiSub-right">
                  <select class="form-control fiSub-select">
                    <option>请选择</option>
                    <option>Option 2</option>
                    <option>Option 3</option>
                    <option>Option 4</option>
                    <option>Option 5</option>
                  </select>
                </div>
              </div>
            </li>
            <li>
              <div class="field-submit-group w100 clearfix">
                <label class="fiSub-label fiSub-label58">行政区划</label>
                <div class="fiSub-right">
                  <select class="form-control fiSub-select">
                    <option>请选择</option>
                    <option>Option 2</option>
                    <option>Option 3</option>
                    <option>Option 4</option>
                    <option>Option 5</option>
                  </select>
                </div>
              </div>
            </li>
            <li>
              <div class="field-submit-group w100 clearfix">
                <label class="fiSub-label fiSub-label58">详细地址</label>
                <div class="fiSub-right">
                  <select class="form-control fiSub-select">
                    <option>请选择</option>
                    <option>Option 2</option>
                    <option>Option 3</option>
                    <option>Option 4</option>
                    <option>Option 5</option>
                  </select>
                </div>
              </div>
            </li>
            <li class="no-margin">
              <div class="field-submit-group w100 clearfix">
                <label class="fiSub-label fiSub-label58">单体描述</label>
                <div class="fiSub-right">
                  <label style="margin-bottom: 3px">
                    <textarea class="form-control" rows="3"></textarea>
                  </label>
                </div>
              </div>
            </li>
          </ul>

        </div>

        <div class="create-tip-right">
          <h3 class="title3">地图标记</h3>
          <div class="this-map margin-top-10"></div>
        </div>
      </div>








    </div>

  </div>

  <!--侧边栏-->
  <div class="sidebar">
    <div class="sidebar-head">
      <span>查看</span>
      <span class="sidebar-close"></span>
    </div>
    <div class="sidebar-body">

      <section class="sidebar-box-item margin-bottom-10">
        <h3 class="title2 margin-bottom-10 no-padding">
          <span>基础信息</span>
        </h3>

        <ul class="field-show">
          <li class="clearfix">
            <div class="field-show-group w100 clearfix">
              <label class="fiShow-label fiShow-label70">单体名称：</label>
              <div class="fiShow-right fiShow-right-70">
                <p class="fiShow-right-value">1#楼</p>
              </div>
            </div>
          </li>
          <li class="clearfix">
            <div class="field-show-group field-show-group-l clearfix" style="width: 300px;">
              <label class="fiShow-label fiShow-label70">专业类别：</label>
              <div class="fiShow-right">
                <p class="fiShow-right-value">房屋建筑工程 </p>
              </div>
            </div>
            <div class="field-show-group field-show-group-r clearfix">
              <label class="fiShow-label fiShow-label170">行政区划：</label>
              <div class="fiShow-right">
                <p class="fiShow-right-value">安徽省合肥市高新区 </p>
              </div>
            </div>
          </li>
          <li class="clearfix">
            <div class="field-show-group w100 clearfix">
              <label class="fiShow-label fiShow-label70">详细地址：</label>
              <div class="fiShow-right fiShow-right-70">
                <p class="fiShow-right-value">合肥市高新区创新大道2800号创新产业园二期J1号楼C座6层601室 </p>
              </div>
            </div>
          </li>
          <li class="clearfix">
            <div class="field-show-group w100 clearfix">
              <label class="fiShow-label fiShow-label70">单体描述：</label>
              <div class="fiShow-right fiShow-right-70">
                <p class="fiShow-right-value">这个一栋很高很高的大楼，当前时间地球上没有比它更高的楼了。</p>
              </div>
            </div>
          </li>
        </ul>

      </section>

      <section class="sidebar-box-item margin-bottom-10">
        <h3 class="title2 margin-bottom-10 no-padding">
          <span>地图标注</span>
        </h3>

        <div class="map" style="height: 260px;background: wheat"></div>

      </section>


      <section class="sidebar-box-item">
        <h3 class="title2 margin-bottom-5">
          <span>操作记录</span>
        </h3>


        <table class="table table-bordered main-table">
          <thead>
          <tr>
            <th class="text-center" width="70">序号</th>
            <th>操作人</th>
            <th>操作时间</th>
            <th>操作描述</th>
          </tr>
          </thead>
          <tbody>

          <tr>
            <td class="text-center">1</td>
            <td>闫肖建—</td>
            <td>2016/09/21  20:20</td>
            <td>V单体名称：「A」修改为「B」.0</td>
          </tr>
          <tr>
            <td class="text-center">2</td>
            <td>闫肖建—勘</td>
            <td>2016/09/21  20:20</td>
            <td>单体名称：「A」修改为「B」0</td>
          </tr>
          <tr>
            <td class="text-center">3</td>
            <td>闫肖建—</td>
            <td>2016/09/21  20:20</td>
            <td>单体名称：「A」修改为「B」.0</td>
          </tr>
          <tr>
            <td class="text-center">4</td>
            <td>闫肖建</td>
            <td>2016/09/21  20:20</td>
            <td>创建单体</td>
          </tr>



          </tbody>

        </table>

      </section>

    </div>
  </div>
</div>


<!--region 引入公用js和css -->
<script src="../../../assets/plugins/sweetalert/sweetalert.min.js"></script>
<script src="../../../assets/plugins/jquery.blockui.min.js"></script>
<script src="../../../assets/plugins/js.cookie.min.js"></script>
<script src="../../../assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<script src="../../../assets/plugins/jquery.blockui.min.js"></script>
<script src="../../../assets/plugins/bootstrap-switch/js/bootstrap-switch.min.js"></script>
<script src="../../../assets/plugins/bootstrap-touchspin/bootstrap.touchspin.js"></script>
<script src="../../../assets/plugins/moment.min.js"></script>
<script src="../../../assets/plugins/bootstrap-daterangepicker/daterangepicker.min.js"></script>
<script src="../../../assets/plugins/counterup/jquery.waypoints.min.js"></script>
<script src="../../../assets/plugins/counterup/jquery.counterup.min.js"></script>
<script src="../../../assets/plugins/fullcalendar/fullcalendar.js"></script>
<script src="../../../assets/plugins/horizontal-timeline/horizontal-timeline.js"></script>
<script src="../../../assets/plugins/jquery.sparkline.min.js"></script>
<script src="../../../assets/plugins/select2/js/select2.js"></script>
<script src="../../../assets/plugins/select2/js/i18n/zh-CN.js"></script>
<script src="../../../assets/plugins/ztree/jquery.ztree.all.js"></script>
<script src="../../../assets/plugins/jquery-form/jquery.form.js"></script>
<script src="../../../assets/plugins/jquery-validator/jquery.placeholder.min.js"></script>
<script src="../../../assets/plugins/jquery-validator/jquery.validate.js"></script>
<script src="../../../assets/plugins/jquery-validator/jquery.validate.custom.js"></script>
<script src="../../../assets/plugins/jquery-validator/localization/messages_zh.js"></script>
<script src="../../../assets/plugins/jquery-validator/additional-methods.js"></script>
<script src="../../../assets/plugins/bootstrap-growl/jquery.bootstrap-growl.js"></script>
<script src="../../../assets/plugins/bootstrap-table/bootstrap-table.js"></script>
<script src="../../../assets/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.js"></script>
<script src="../../../assets/plugins/bootstrap-table/extensions/tree-column/bootstrap-table-tree-column.js"></script>
<script src="../../../assets/base/scripts/app.js"></script>
<script src="../../../assets/base/scripts/theme.js"></script>
<script src="../../../assets/ditop/ditop-addition.js"></script>
<script src="../../../assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
<script src="../../../assets/plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"
        type="text/javascript"></script>
<script type="text/javascript" src="../../../assets/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"
        charset="UTF-8"></script>
<script type="text/javascript"
        src="../../../assets/plugins/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"
        charset="UTF-8"></script>
<script src="../../../assets/plugins/jquery-validator/jquery.validate.custom.js"></script>
<script src="../../../assets/ditop/layout.js"></script>
<!--endregion-->

<script>

  $('#chuanjian').click(function () {
    layer.open({
      title: '创建单体',
      type: 1,
      area: ['900px', '532px'],
      content: $('#id3'),
      btn: ['确认','取消'],
      yes: function(index, layero){ //按钮【按钮一】的回调
        layer.closeAll();
        setTimeout(function () {
          layer.msg(
            '你点击了确定按钮',
            {icon: 1,time: 2000 }
          )
        },500);
      }
      ,btn2: function(){
        layer.closeAll();
      }
    });
  });

  //仅模拟选中样式
  $('.media-middle').each(function () {
    const that = $(this);
    $(this).find("input[type='checkbox']").on('click',function () {
      if($(this).is(':checked')){
        that.parent().addClass('checked')
      }else {
        that.parent().removeClass('checked')
      }
    })
  })

</script>

<script src="../../src/js/content.js"></script>

</body>
</html>
